<!--
 * @Date: 2019-11-06 10:43:27
 * @LastEditors: peng qiao
 * @LastEditTime: 2020-02-27 20:16:30
 -->
<template>
  <div id="container">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"> </router-view>
    </keep-alive>

    <router-view v-if="!$route.meta.keepAlive"> </router-view>
  </div>
</template>
<script>
export default {
  name: "Container",
  components: {},
  created() {}
};
</script>

<style>
#container {
  height: calc(100% - 1.22667rem);
  background: #f5f7fa;
  margin-top: 1.22667rem;
  margin-bottom: -1.33333rem;
}
.van-nav-bar {
  background-color: #dc4630 !important;
}
.van-nav-bar .van-icon {
  color: #ffffff !important;
  font-size: 18px;
}
.van-nav-bar__text {
  color: #ffffff !important;
  font-size: 15px;
}
.van-nav-bar__title {
  font-size: 18px !important;
  color: #ffffff !important;
}
.van-dropdown-menu__title--active,
.van-dropdown-item__option--active,
.van-dropdown-item__option--active .van-dropdown-item__icon,
.van-dropdown-item__option--active,
.van-dropdown-item__option--active .van-dropdown-item__icon {
  color: #dc4630 !important;
}
</style>
